body{
  background-color: #FFF;
  margin: 0;
}
body::-webkit-scrollbar{
  width: 0;
}

nav{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  text-align: right;
  background-color:#11111114;
}

nav img{
  position: absolute;
  left: 04vw;
  top: 2vw;
  width: 14vw;

}

ul{
  margin: 0;
  padding-right: 6vw;
}

nav li{
  right: 0;
  display: inline-block;
}
nav li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    /* font-family: ''; */
    /* font-style: italic; */
    display: block;
    padding: 2vw 2vw;
    transition: .5s;
}
nav li a:hover {
  background: #0000000d;
    color: #fff;
}

.face-a{
  position: absolute;
  top: 0;
  width: 100%;

  z-index: 0;
  text-align: right;
  background-color:red;
  }

  .face-a img{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    object-fit: cover;
    height: 28vw;
    object-position: 100% 70%;
   }

   .face-a .gra{
     position: absolute;
     opacity: 0.6;
     background-image: linear-gradient(123deg, #006d83, #6d0090);
     width: 100%;
     height: 28vw;
     top: 0;
     left: 0;
     z-index: 1;
    }

    .homehiro{
      position: absolute;
     top: 10vw;
     /* left: 4vw; */
     place-items: center;
     width: 100%;
    }

    .homehiro h1{
      margin: 0;
      margin-top: 4vw;
    font-family: "Inter", sans-serif;
    color: #fff;
    font-weight: 600;
    font-size: 8vw;
    line-height: 5vw;
    }
    .homehiro p{
      margin: 0;
    font-family: "Inter", sans-serif;
    color: #fff;
    font-weight: 200;
    font-size: 3.5vw;
    line-height: 3.4vw;
    margin-top: 5vw;
    text-align: center;
    }
     b{
      font-weight: 800;
    }


   .set-a{
       position: absolute;
       top: 28vw;
       width: 100%;
       height: 20vw;
       background-color:#fff;
       place-items: center;
     }

     .set-a h1{
       /*margin: 0;*/
       color:#30006e;
       font-family: "Inter", sans-serif;
       text-align: center;
       font-size: 3.5vw;
       margin-top: 3vw;
       line-height: 6vw;
     }


     .set-a p{
       /*margin: 0;*/
       color:#30006e;
       font-family: "Inter", sans-serif;
       text-align: left;
       font-size: 1.7vw;
       margin-top: 3vw;
       line-height: 2.2vw;
       width: 90%;
       text-align: center;
     }





















 .footi{
   position: absolute;
   top: 95vw;
   width: 100%;
   height: 45vw;
   background-image: linear-gradient(128deg, #002bff, #ac0076);
   text-align: center;
   place-items : center;
 }
.footi img{
  margin: 4vw;
  width: 16vw;


}

.footi li a{
  color: #fff;
    text-decoration: none;
    font-size: 1.3vw;
    font-family: "Inter", sans-serif;
    font-weight: 200;
    /* font-family: ''; */
    /* font-style: italic; */

    padding: 2vw 2vw;
    transition: .5s;
    display: block;
}
.footi li {
  display: inline-block;
}
.footi ul{
  display: flex;
  padding-right: 3vw;
}

.soci{
  display: flex;
}

.soci IMG{
  width: 5VW;
  margin-left: 6vw;
  margin-right: 6vw;
  margin-bottom: 0;
  margin-top: 6vw;
}

.lin{
  position: absolute;
  top: 35vw;
  width: 90%;
  height: .1vw;
  background-color: #fff;

}

.footi p{
  position: absolute;
  top: 39vw;
 margin-left: 0.8vw;
 margin-top: 0;
 margin-bottom: 0;
 font-family: "Inter", sans-serif;
 color: #fff;
 font-size: 1.5vw;
 font-weight: 200;
}